*{margin:0;padding:0;box-sizing: border-box;}
ul,ol{
    list-style: none;
}
img{max-width: 100;}

.clearfix::after{
    content:'' ;
    display:block;
    clear:both;
}
.logo{
    display: inline-block;
    float: left;
    margin-top: 8px;
    margin-left: 10px;
}
.logo>img{
    height: 26px;
    vertical-align: top;
}
.nav{
    float: left;
    margin-left: 20px;
    color: black;
}
ul>li {
    float: left;
    padding: 4px 0.5em;
    line-height: 32px;
}
ul{
    display: inline-block
}
header{
    background-image: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 100%);
    color: rgb(0, 0, 0);
}
body{
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}